<{$nav}>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
	<tr valign="top">
		<td class="col_left">
			<{if $account_info.isbind}>
				<div class="rblock">
					<div class="hd">
						<i class="icon_y icon_triangle_down"></i>
						<a>已经绑定的账号</a>
					</div>
					<{section loop=$account_info.isbind name=i}>
                                                <div class="item" onclick="show_friend.ls(1, '<{$account_info.isbind[i].flag}>');" style="cursor: pointer;" onmouseover="$(this).addClass('hover')" onmouseout="$(this).removeClass('hover')">
							<{$account_info.isbind[i].img}>
							<{$account_info.isbind[i].name}>
						</div>
					<{/section}>
				</div>
			<{/if}>
			<{if $account_info.nobind}>
				<div class="rblock">
					<div class="hd">
						<i class="icon_y icon_triangle_down"></i>
						<a>未绑定的账号</a>
					</div>
					<{section loop=$account_info.nobind name=i}>
						<div class="item" onmouseover="$(this).addClass('hover')" onmouseout="$(this).removeClass('hover')">
							<a href="<{$account_info.nobind[i].link}>"><{$account_info.nobind[i].img}></a>
						</div>
					<{/section}>
				</div>
			<{/if}>
		</td>
		<script type="text/javascript">
			var show_friend = new function () {
				this.flag = '';
				this.ls = function (p, flag) {
					if (typeof(flag) != 'undefined') {
						this.flag = flag;
					}
					loadMod('friend/show_list', {'page':p, 'flag':this.flag}, $('#friend_list'));
				}
			}
		</script>
		<td id="friend_list" class="col_center" style="width:77%;">
			<script type="text/javascript">
				show_friend.ls(1, '');
			</script>
		</td>
	</tr>
</table>